<template>
    <div>
        <input type="text" id="example_id" name="example_name" value="" />
    </div>
</template>

<script>
import range from 'ion-rangeslider'
    export default {
        data() {
            return {
                key: 1
            }
        },
        mounted(){
            $("#example_id").ionRangeSlider({
                    min: 0,
                    max: 32,
                    from: 1,
                    to: 20,
                    type: 'double',
                    step: 1,
                    grid: true
                });
        },
        created(){
            
            
        }
    }
</script>

<style scoped>
.demo-first {
    position: relative;
    height: 90px;
}

</style>